<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>台式</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/commen-电脑.css">
    <link rel="stylesheet" href="./css/index-电脑.css">
    <link rel="stylesheet" href="./css/jump-电脑.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header_top">

        </div>
        <div class="nav">
            <div class="left">
                <div class="logo">冯柏源22215220432</div>
                <ul>
                    <li>
                        <a href="./index-手机.html" title="手机">手机
                            <div class="nav_left_a_bottom"></div>
                        </a>
                    </li>
                    <li><a href="./index-电脑-2.html" title="电脑">电脑
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-平板.html" title="平板">平板
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./watch.html" title="穿戴">穿戴
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="耳机音箱">耳机音箱
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-全屋智能.html" title="全屋智能">全屋智能
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="路由器">路由器
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="./index-服务支持.html">服务支持
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <li><a href="./index_商用.html">商用
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <li class="search"><a href="./sreach.html"><img src="watch/cearch.png"></a></li>

                    <li class="login">
                        <a href="./denlu.html">
                            <img src="watch/login.png" alt="">
                            <div class="login-content">
                                <a href="#">登录</a>
                                <a href="#">注册</a>
                            </div>
                        </a>
                    </li>

                    <li class="at_last"><a href="./index-商城.html">flytech商城</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!--    跳转-->
    <div class="=jump">

        <link rel="stylesheet" href="css/jump.css">
        <div class="jump-ul">
            <ul>
                <li>
                    <a href="./index-电脑-1.html">
                        <div>
                            <div class="jump-back">
                                <img src="watch/laptops-new/2023-02-15/nav/nav-laptops.svg" atl="笔记本">

                            </div>
                            <div class="jump-span">
                                <span>笔记本</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="./index-电脑-2.html">
                        <div  class="back">
                            <div>
                                <img src="watch/laptops-new/2023-02-15/nav/nav-desktop.svg" atl="台式机">

                            </div>
                            <div class="jump-span">
                                <span>台式机</span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 最新 -->
    <div class="new">
        <a href="#" title="MateBook Pro">
            <h2>MateStation X</h2>
        </a>
        <h3>全新一代 i9 高性能智慧一体机</h3>
        <p class="value">￥11999 起</p>
        <div class="buttons">
            <a href="#" class="left" title="了解更多">了解更多</a>
            <a href="#" class="right" title="购买">购买</a>
        </div>
        <div class="phone">
            <a href="#"><img src="watch/launch/230518/221102/kv.jpg" alt=""></a>

        </div>
    </div>
    <!-- 主体部分 -->
    <div class="bd">


        <!-- MateStation X系列 -->
        <div id="Mate" class="wrapper">
            <h2>MateStation X 系列</h2>
            <div class="Mate_top">
                <ul class="clearfix">
                    <li><a href="#">
                            <img src="watch/launch/230518/221102/matestation-x-series-1.jpg" alt="" title="MateStation X">
                        </a></li>
                    <li><a href="#">
                            <img src="watch/launch/230518/221102/matestation-x-series-2.jpg" alt="" title="MateStation X">
                            <div class="explan">
                                4k+ 原色显示
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="watch/launch/230518/221102/matestation-x-series-3.jpg" alt="" title="MateStation X">
                            <div class="explan">
                                高性能处理器
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="watch/launch/220906/card-4.jpg" alt="" title="MateStation X">
                            <div class="explan">
                                超级终端，超级创造力
                            </div>
                        </a></li>
                </ul>
                <div class="Mate_top_text">
                    <div class="left">
                        <a href="#">
                            <h2>MateStation X</h2>
                        </a>
                        <p>￥11999 起</p>
                    </div>
                    <a href="#">
                        <div class="buy">
                            购买
                        </div>
                    </a>
                    <a href="#">
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>


        <!-- MateStation S 系列 -->
        <div id="enjoy" class="wrapper">
            <h2>MateStation S 系列</h2>
            <div class="enjoy_top">
                <ul class="clearfix">
                    <li><a href="#">
                            <img src="watch/launch/220906/card-1.jpg" alt="" title="MateStation S ">
                        </a></li>
                    <li><a href="#">
                            <img src="watch/launch/220906/card-2.jpg" alt="" title="MateStation S ">
                            <div class="explan">
                                性能升级，工作提速
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="watch/launch/220906/card-3.jpg" alt="" title="MateStation S ">
                            <div class="explan">
                                极速网络，迅捷流畅
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="watch/launch/220906/card-4.jpg" alt="" title="MateStation S ">
                            <div class="explan">
                                超级终端，超级创造力
                            </div>
                        </a></li>
                </ul>
                <div class="enjoy_top_text">
                    <div class="left">
                        <a href="#">
                            <h2>HUAWEI MateStation S 12 代酷睿版</h2>
                        </a>
                        <p>￥4199 起</p>
                    </div>
                    <a href="#">
                        <div class="buy">
                            购买
                        </div>
                    </a>

                    <a href="#">
                        <div class="more">
                            了解更多
                        </div>
                    </a>

                </div>

            </div>
            <div class="enjoy_bottom">
                <ul>
                    <li>
                        <a href="#" title="HUAWEI MateStation S 锐龙版">
                            <img src="watch/laptops-new/img/matestation-s.jpg" alt=""></a>

                        <div class="text">
                            <a href="#" title="HUAWEI MateStation S 锐龙版">
                                <h2>HUAWEI MateStation S 锐龙版</h2>
                            </a>
                            <p>星轨设计小巧机箱，</p>
                            <p>性能强劲，工作高效</p>
                            <p class="value">￥3999 起</p>
                            <a href="#" class="more" title="了解更多">了解更多
                                <span> ></span></a>
                            <a href="#" class="buy" title="购买 ">购买
                                <span> ></span></a>
                        </div>
                    </li>
                    <li>
                        <a href="#" title="HUAWEI MateStation S">
                            <img src="watch/laptops-new/img/matestation-s.jpg" alt=""></a>

                        <div class="text">
                            <a href="#" title="HUAWEI MateStation S">
                                <h2>HUAWEI MateStation S</h2>
                            </a>
                            <p>疾速无线网络，</p>
                            <p>均衡性能，工作得力</p>
                            <p class="value"> </p>
                            <a href="#" class="more" title="了解更多">了解更多
                                <span> ></span></a>
                            <a href="#" class="buy" title="购买 ">购买
                                <span> ></span></a>
                        </div>
                    </li>

                </ul>
            </div>

        </div>

        <!-- 探索更多 -->
        <div class="WhySelect wrapper clearfix">
            <div class="left">
                <div class="WhySelect_text">
                    <h4>探索更多配件</h4>
                    <p>搭配丰富配件，高效办公得心应手。</p>
                    <a href="#">
                        了解更多 <span> > </span>
                    </a>
                </div>
            </div>
            <div class="right">
                <div class="WhySelect_text">
                    <h4>探索更多笔记本</h4>
                    <p>激活创造力，激发生产力。</p>
                    <a href="#">
                        了解更多 <span> > </span>
                    </a>
                    <img src="watch/laptops-new/img/card.png" alt="">
                </div>
            </div>
        </div>

<!--            华为擎云商用电脑，智慧办公优选-->
            <div class="WhySelects wrapper clearfix">
                <div class="left">
                    <div class="WhySelect_text">
                        <h4>探索更多配件</h4>
                        <p>搭配丰富配件，高效办公得心应手。</p>
                        <a href="#">
                            了解更多 <span> > </span>
                        </a>
                    </div>
                </div>
    </div>
</div>


    <!-- 底部 -->
    <div class="footer">
        <div class="wrapper">
            <div class="footer_text">
                价格仅供参考，具体价格请以华为商城展示为准。
                <p></p>
                以上页面中的产品图片、视频及屏幕内容仅作示意，实物产品效果（包括但不限于外观、颜色、尺寸）和屏幕显示内容（包括但不限于背景、UI、配图、视频）可能略有差异，请以实物为准。
                <p></p>
                部分产品配件需单独购买，页面效果仅供参考。
                <p></p>
                以上页面中的数据为理论值，均来自华为内部实验室，于特定测试环境下所得（请见各项具体说明），实际使用中可能因产品个体差异、软件版本、使用条件和环境因素不同略有不同，请以实际使用的情况为准。
                <p></p>
                由于产品批次和生产供应因素实时变化，为尽可能提供准确的产品信息、规格参数、产品特性，华为可能实时调整和修订以上页面中的文字表述、图片效果等内容，以求与实际产品性能、规格、指数、零部件等信息相匹配。
                <p></p>
                如遇确有进行上述修改和调整必要的情形，恕不专门通知。
            </div>
            <div class="main">
                <a href="#" title="主页">主页</a>
                <span> / </span>
                手机
            </div>
            <div class="footer_links">
                <ul>
                    <li>
                        <h3>购买产品</h3>
                        <ul class="inter">
                            <li>
                                <a href="#" title="手机">
                                    手机</a>
                            </li>
                            <li>
                                <a href="#" title="笔记本">
                                    笔记本</a>
                            </li>
                            <li>
                                <a href="#" title="台式机">
                                    台式机</a>
                            </li>
                            <li>
                                <a href="#" title="显示器">
                                    显示器</a>
                            </li>
                            <li>
                                <a href="#" title="打印机">
                                    打印机</a>
                            </li>
                            <li>
                                <a href="#" title="平板">
                                    平板</a>
                            </li>
                            <li>
                                <a href="#" title="智慧屏">
                                    智慧屏</a>
                            </li>
                            <li>
                                <a href="#" title="穿戴">
                                    穿戴</a>
                            </li>
                            <li>
                                <a href="#" title="耳机音箱">
                                    耳机音箱</a>
                            </li>
                            <li>
                                <a href="#" title="路由器">
                                    路由器</a>
                            </li>
                            <li>
                                <a href="#" title="配件">
                                    配件</a>
                            </li>
                            <li>
                                <a href="#" title="商用产品">
                                    商用产品</a>
                            </li>
                            <li>
                                <a href="#" title="教育商店">
                                    教育商店</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>服务支持</h3>
                        <ul class="inter">
                            <li>
                                <a href="#" title="保修政策">
                                    保修政策</a>
                            </li>
                            <li>
                                <a href="#" title="上门安装">
                                    上门安装</a>
                            </li>
                            <li>
                                <a href="#" title="维修服务">
                                    维修服务</a>
                            </li>
                            <li>
                                <a href="#" title="保修期及权益查询">
                                    保修期及权益查询</a>
                            </li>
                            <li>
                                <a href="#" title="维修备件价格">
                                    维修备件价格</a>
                            </li>
                            <li>
                                <a href="#" title="服务进度查询">
                                    服务进度查询</a>
                            </li>
                            <li>
                                <a href="#" title="联系我们">
                                    联系我们</a>
                            </li>
                            <li>
                                <a href="#" title="服务隐私声明">
                                    服务隐私声明</a>
                            </li>
                            <li>
                                <a href="#" title="商用服务">
                                    商用服务</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>应用与下载</h3>
                        <ul class="inter">
                            <li>
                                <a href="#" title="终端云服务">
                                    终端云服务</a>
                            </li>
                            <li>
                                <a href="#" title="华为商城APP">
                                    华为商城APP</a>
                            </li>
                            <li>
                                <a href="#" title="我的华为APP">
                                    我的华为APP</a>
                            </li>
                            <li>
                                <a href="#" title="华为手机助手">
                                    华为手机助手</a>
                            </li>
                            <li>
                                <a href="#" title="华为电脑管家">
                                    华为电脑管家</a>
                            </li>
                            <li>
                                <a href="#" title="HarmonyOS 4">
                                    HarmonyOS 4</a>
                            </li>
                            <li>
                                <a href="#" title="预置应用公示">
                                    预置应用公示</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>新闻中心</h3>
                        <ul class="inter">
                            <li>
                                <a href="#" title="华为新闻">
                                    华为新闻</a>
                            </li>
                            <li>
                                <a href="#" title="华为活动">
                                    华为活动</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>关于我们</h3>
                        <ul class="inter">
                            <li>
                                <a href="#" title="关于我们">
                                    关于我们</a>
                            </li>
                            <li>
                                <a href="#" title="可持续发展">
                                    可持续发展</a>
                            </li>
                            <li>
                                <a href="#" title="隐私">
                                    隐私</a>
                            </li>
                            <li>
                                <a href="#" title="华为商城">
                                    华为商城</a>
                            </li>
                            <li>
                                <a href="#" title="华为云">
                                    华为云</a>
                            </li>
                            <li>
                                <a href="#" title="企业业务">
                                    企业业务</a>
                            </li>
                            <li>
                                <a href="#" title="运营商网络">
                                    运营商网络</a>
                            </li>
                            <li>
                                <a href="#" title="华为集团">
                                    华为集团</a>
                            </li>
                            <li>
                                <a href="#" title="加入华为">
                                    加入华为</a>
                            </li>
                            <li>
                                <a href="#" title="内容举报">
                                    内容举报</a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>
            <div class="contact">
                <ul>
                    <li>
                        <h3>在线支持</h3>
                        <ul class="inter">
                            <li>
                                <a href="#" title="消费者服务热线">
                                    消费者服务热线</a>
                            </li>

                            <li>
                                <a href="#" title="">
                                    950800</a>
                            </li>

                            <li>
                                <a href="#" title="7*24小时 | 普通话">
                                    7*24小时 | 普通话</a>
                            </li>

                            <li>
                                <a href="#" title="Mate X系列、保时捷设计专属热线">
                                    Mate X系列、保时捷设计
                                    专属热线
                                </a>
                            </li>

                            <li>
                                <a href="#" title="">
                                    950801</a>
                            </li>
                            <li>
                                <a href="#" title="在线客服 | 7*24小时">
                                    在线客服 | 7*24小时</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>线下支持</h3>
                        <ul class="inter">
                            <li>
                                <a href="#" title="服务店查询">
                                    服务店查询
                                </a>

                            </li>
                            <li>
                                <a href="#" title="零售店查询">
                                    零售店查询
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <div class="contact_block">
                    <h3>关注我们</h3>
                    <div class="images">
                        <span class="weixin">
                            <img src="./images/footer_code.jpg" alt="">
                        </span>
                        <a href="#" title="微博" class="weibo"></a>

                            </span>

                    </div>
                </div>

            </div>
            <div class="footer_bottom">
                <div class="left" title="">
                    版权所有 © 华为终端有限公司 1998-2023。保留一切权利。粤A2-20044005号
                </div>
                <div class="center">
                    <ul>
                        <li>
                            <a href="#" title="网站地图">
                                网站地图</a>
                        </li>
                        <li>
                            <a href="#" title="使用条款">
                                使用条款</a>
                        </li>
                        <li>
                            <a href="#" title="隐私声明">
                                隐私声明</a>
                        </li>
                        <li>
                            <a href="#" title="关于cookies">
                                关于cookies</a>
                        </li>
                        <li>
                            <a href="#" title="法律信息">
                                法律信息</a>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <a href="#" class="language" title="China - 简体中文">
                        China - 简体中文</a>
                    <a title="globe" class="globe">
                        <img src="./images/earth.png" alt="">
                    </a>

                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>